<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
	function blank(a) { if(a.value == a.defaultValue) a.value = ""; }
	function unblank(a) { if(a.value == "") a.value = a.defaultValue; }
	
</script>

<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels3.css" rel="stylesheet" type="text/css" />
<script src="new/now.js" type="text/javascript"></script>
<link href="new/now.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="top_link_holder">
<div id="top_links">
<ul>
<li><a class="active" href="#"><img src="images/login.png" alt="" />Register</a></li>
<li><a class="active" href="#"><img src="images/register.png" alt="" />Login</a></li>
<li><a class="active" href="#"><img src="images/img_1.png" alt="" />Current point</a></li>
<li><a href="#"><img src="images/img_2.png" alt="" />Manage account</a></li>
<li><a href="#"><img src="images/img_3.png" alt="" />Inbox</a></li>
<li><a href="#"><img src="images/img_4.png" alt="" />Email Marketing</a></li>
<li><a href="#"><img src="images/img_5.png" alt="" />Shopping cart</a></li>
<li><a href="#"><img src="images/img_6.png" alt="" />Favourite List</a></li>
<li class="no-border"><a href="#"><img src="images/img_7.png" alt="" />Alert</a></li>
</ul>
</div>
</div>
<div id="wrapper">
<div id="header">

<div id="logo_panel"><a href="index.html"><img src="images/logo.jpg" alt="" style="margin:10px 0 0 18px" /></a></div>
</div>

<div id="top_search_area">
<div id="search_panel3"><input name="" type="text" id="search_feild7" /><input name="" type="button" id="submit_btn7" value="" /></div>
<a href="create_ad.html"><img src="images/post_ads_btn.png" align="right" style="margin-top:15px;" /></a>
</div>

<div id="nav">
<ul>
<li><a class="active" href="#">Web Directory</a></li>
<li><a href="home_classfied.html">Home Shopping</a></li>
<li><a href="faq.html">Community FAQ</a></li>
<li><a href="#">Guidelines</a></li>
<li><a href="#">Introduction</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Profile</a></li>
</ul>
</div>

<div id="content"><div>
<div id="left_small_panel">
<div class="left_estore_boxes"><h1><a href="#">Product Category</a></h1></div>
<img src="images/left_small_bottom.png" align="bottom" alt="" style="margin-bottom:5px;" />
<div class="left_estore_boxes"><h1><a href="#">User info</a></h1><img src="images/icon7.png" alt="" style="margin:10px;" /></div>
<img src="images/left_small_bottom.png" align="bottom" alt="" style="margin-bottom:5px;" />
<div class="left_estore_boxes"><h1><a href="#">Shop Statistic</a></h1>
<h2>Date join :<br />
# of views :<br />
# of products :<br />
# of people like this shop</h2>
<div id="fb_like"><iframe src="//www.facebook.com/plugins/like.php?app_id=225145810876993&amp;href&amp;send=false&amp;layout=standard&amp;width=70&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:35px;" allowTransparency="true"></iframe></div>
</div>
<img src="images/left_small_bottom.png" align="bottom" alt="" style="margin-bottom:5px;" />
<div class="left_estore_boxes"><h1><a href="#">User Fuction</a></h1>
<p>Post new Ad<br />
# of renew ad remain<br />
Current point <br />
Top up<br />
Estore Status : Normal<br />
Upgrade Estore
</p>
</div>
<img src="images/left_small_bottom.png" align="bottom" alt="" style="margin-bottom:5px;" />
<div class="left_estore_boxes"><h1><a href="#">Payment & Postage</a></h1>
<p>Post new Ad<br />
# of renew ad remain<br />
Current point <br />
Top up<br />
Estore Status : Normal<br />
Upgrade Estore
</p>
</div>
<img src="images/left_small_bottom.png" align="bottom" alt="" style="margin-bottom:5px;" />
</div>
<div id="middle_panel">
<div class="middleProduct_holder">
<h1>New items<b><a href="#">View All</a></b></h1>
<div class="product_boxes"><img src="images/product_boxes_top.png" alt="" />
<h2>Lorem Ipsum</h2>
<div class="item"><img src="images/product1.png" alt="" /></div>
<p class="center">Price : <b>$xxx</b></p>
<a href="#"><img src="images/icon8.png" alt="" style="margin:15px 0 0 30px;" /></a>
<img src="images/product_boxes_bottom.png" alt="" align="baseline" />
</div>
<img src="images/middleProduct_holder_bottom.png" alt="" align="absbottom" />
</div>
<div class="middleProduct_holder">
<h1>Featured items<b><a href="#">View All</a></b></h1>
<div class="product_boxes"><img src="images/product_boxes_top.png" alt="" />
<h2>Lorem Ipsum</h2>
<div class="item"><a href="#"><img src="images/product2.png" alt="" /></a></div>
<p>Lorem ipsum dolor sit amet, <b>consectetuer adipiscing elit,</b> sed diam nonummy</p>
<img src="images/product_boxes_bottom.png" alt="" align="baseline" />
</div><div class="product_boxes"><img src="images/product_boxes_top.png" alt="" />
<h2>Lorem Ipsum</h2>
<div class="item"><a href="#"><img src="images/product3.png" alt="" /></a></div>
<p>Lorem ipsum dolor sit amet, <b>consectetuer adipiscing elit,</b> sed diam nonummy</p>
<img src="images/product_boxes_bottom.png" alt="" align="baseline" />
</div><div class="product_boxes"><img src="images/product_boxes_top.png" alt="" />
<h2>Lorem Ipsum</h2>
<div class="item"><a href="#"><img src="images/product4.png" alt="" /></a></div>
<p>Lorem ipsum dolor sit amet, <b>consectetuer adipiscing elit,</b> sed diam nonummy</p>
<img src="images/product_boxes_bottom.png" alt="" align="baseline" />
</div>
<img src="images/middleProduct_holder_bottom.png" alt="" align="absbottom" />
</div>
<div class="middleProduct_holder">
<h1>Discount items<b><a href="#">View All</a></b></h1>
<div class="product_boxes"><img src="images/product_boxes_top.png" alt="" />
<h2>Lorem Ipsum</h2>
<div class="item"><a href="#"><img src="images/product2.png" alt="" /></a></div>
<p>Lorem ipsum dolor sit amet, <b>consectetuer adipiscing elit,</b> sed diam nonummy</p>
<img src="images/product_boxes_bottom.png" alt="" align="baseline" />
</div><div class="product_boxes"><img src="images/product_boxes_top.png" alt="" />
<h2>Lorem Ipsum</h2>
<div class="item"><a href="#"><img src="images/product3.png" alt="" /></a></div>
<p>Lorem ipsum dolor sit amet, <b>consectetuer adipiscing elit,</b> sed diam nonummy</p>
<img src="images/product_boxes_bottom.png" alt="" align="baseline" />
</div><div class="product_boxes"><img src="images/product_boxes_top.png" alt="" />
<h2>Lorem Ipsum</h2>
<div class="item"><a href="#"><img src="images/product4.png" alt="" /></a></div>
<p>Lorem ipsum dolor sit amet, <b>consectetuer adipiscing elit,</b> sed diam nonummy</p>
<img src="images/product_boxes_bottom.png" alt="" align="baseline" />
</div>
<img src="images/middleProduct_holder_bottom.png" alt="" align="absbottom" />
</div>
</div>
<div id="third_panel">
<img src="images/ads2.jpg" alt="" /></div><br class="clear" /></div>
<div id="me">
<div id="total_holder" class="total_holder_class">
  <ul class="holder_1">
    <li class="small_boxes" tabindex="0">Recently view items (ALL)</li>
    <li class="small_boxes" tabindex="1">Business only</li>
    <li class="small_boxes" tabindex="0">Products only</li>
    <li class="small_boxes" tabindex="0">FAQ community</li>
  </ul>
  <div class="holder_2">
    <div class="big_boxes"><div id="classfied_footer">
 <a href="#"><img src="images/img_11.png" alt="" align="left" style="margin:25px 22px" /></a>
 <a href="#"><img src="images/img_11.png" alt="" align="left" style="margin:25px 22px" /></a>
 <a href="#"><img src="images/img_11.png" alt="" align="left" style="margin:25px 22px" /></a>
 <a href="#"><img src="images/img_11.png" alt="" align="left" style="margin:25px 22px" /></a>
 <a href="#"><img src="images/img_11.png" alt="" align="left" style="margin:25px 22px" /></a>
      <br class="clear">
</div></div>
    <div class="big_boxes"><div id="classfied_footer">
 <a href="#"><img src="images/img_11.png" alt="" align="left" style="margin:25px 22px" /></a>
 <a href="#"><img src="images/img_11.png" alt="" align="left" style="margin:25px 22px" /></a>
 <a href="#"><img src="images/img_11.png" alt="" align="left" style="margin:25px 22px" /></a>
      <br class="clear">
</div></div>
    <div class="big_boxes"><div id="classfied_footer">
 <a href="#"><img src="images/img_11.png" alt="" align="left" style="margin:25px 22px" /></a>
 <a href="#"><img src="images/img_11.png" alt="" align="left" style="margin:25px 22px" /></a>
 <a href="#"><img src="images/img_11.png" alt="" align="left" style="margin:25px 22px" /></a>
 <a href="#"><img src="images/img_11.png" alt="" align="left" style="margin:25px 22px" /></a>
 <a href="#"><img src="images/img_11.png" alt="" align="left" style="margin:25px 22px" /></a>
      <br class="clear">
</div></div>
    <div class="big_boxes"><div id="classfied_footer">
 <a href="#"><img src="images/img_11.png" alt="" align="left" style="margin:25px 22px" /></a>
 <a href="#"><img src="images/img_11.png" alt="" align="left" style="margin:25px 22px" /></a>
 <a href="#"><img src="images/img_11.png" alt="" align="left" style="margin:25px 22px" /></a>
  <a href="#"><img src="images/img_11.png" alt="" align="left" style="margin:25px 22px" /></a>
      <br class="clear">
</div></div>
  </div>
</div>
<script type="text/javascript">
var total_holder = new Spry.Widget.total_holder_class("total_holder");
</script>
</div>
</div>
<div id="estore_fotr">
<img src="images/estore_fotr_top.jpg" alt="" />
<h1>Estore Footer</h1>
<img src="images/estore_fotr_botm.jpg" alt="" />
</div>
<br class="clear" />
</div>


<div id="footer">
<h1>Copyright © 2010  Advertising Ltd and Recreation Creative   </h1>
<h2><a href="#">Web Directory</a>  |  <a href="#">Home Shopping</a>  |  <a href="#">Community FAQ</a>  |  <a href="#">Guidelines</a>  |  <a href="#">Introduction</a>  |  <a href="#">Contact</a>  |  <a href="#">Profile</a></h2>
</div>




</body>
</html>
